<div class="row noMargin">
	<div class="tabbable tabs-top"> <!-- Only required for left/right tabs -->
	  <ul class="nav nav-tabs">
	    <li class="active"><a href="#tab1" data-toggle="tab">Panel de usuario</a></li>
	    <li><a href="#tab2" data-toggle="tab">Mis Viajes</a></li>
	    <li><a href="#tab3" data-toggle="tab">Viajes que participe</a></li>
	    <g:if test="${usuario.equals(usuarioLogueado)}">
			<li><a href="#tab4" data-toggle="tab">Calificar</a></li>
			<li><a href="#tab5" data-toggle="tab">Editar perfil</a></li>
	    </g:if>
	  </ul>
	  <div class="tab-content">
	  	<div class="tab-pane active" id="tab1">
	  		<span><i class="icon-thumbs-up"></i>Calificaciones positivas: ${usuario.calificacionesPositivas?.size() }</span>
			<div class="separator"></div>
	  		<span><i class="icon-asterisk"></i>Calificaciones neutras: ${usuario.calificacionesNeutras?.size() } </span>
			<div class="separator"></div>
	  		<span><i class="icon-thumbs-down"></i>Calificaciones negativas: ${usuario.calificacionesNegativas?.size()}</span>
			<div class="separator"></div>
	    </div>
	    <div class="tab-pane" id="tab2">
	      <p><my:viajesDeUsuario listado="${usuario?.viajesRealizados}" /></p>
	    </div>
	    <div class="tab-pane" id="tab3">
	      <p><my:viajesDeUsuario listado="${usuario?.viajesQueParticipo}" /></p>
	    </div>
	    <g:if test="${usuario.equals(usuarioLogueado)}">
		    <div class="tab-pane" id="tab4">
		      <p><g:render template="calificar" model="['usuario':usuario]"></g:render></p>
		    </div>
	   	    <div class="tab-pane" id="tab5">
				<g:render template="editarPerfil" model="['usuario':usuario]"></g:render>
		    </div>
	    </g:if>
	  </div>
	</div>
	
</div>